<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no"/>
  <link rel="shortcut icon" href="images/dzlogo.ico"/>
  <title>兄弟科技</title>
  <meta name="keywords" content="兄弟科技"/>
  <meta name="description" content="兄弟科技"/>
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="css/index.css">

  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="js/smoothScroll.js"></script>

  <script src="js/index.js"></script>

  <script>
    if (navigator.appName == 'Microsoft Internet Explorer' && (navigator.appVersion.match(/7./i) == '7.' || navigator.appVersion.match(/8./i) == '8.' || navigator.appVersion.match(/9./i) == '9.')) {
      self.location.href = 'ie/ie.html'
    }
  </script>
</head>

<body>

<!--  / header  -->
<div class="header hidden-xs">
  <div class="header_top clearfix">
    <div class="logo"><a href="index.html"><img src="images/logo.png" alt="" width="100%"></a></div>
    <!--<div class="home"><a href="index.html"><img style="margin-top: 10px;" src="images/home.png" alt="" width="100%"></a></div>-->
    <div class="phone">
      <h3>
        <span>股票代码：<i>002562</i></span>|
        <span>热线电话：<i>0573-87006612</i></span>
      </h3>
    </div>
  </div>
  <div class="header_bot">
    <ul class="clearfix">
      <li><a href="index.html">首页</a></li>
      <li>
        <a href="about.html">关于我们</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="about.html#gsjj">公司介绍</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#jdjj">基地介绍</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#fzlc">发展历程</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#qywh">企业文化</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#ryzz">荣誉资质</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="product.html">产品与服务</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="product.html#wss">维生素事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#pihua">皮化事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#xiangliao">原料药事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#xiangliao">香料事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#mggs">制剂事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="develop.html">可持续发展</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="develop.html">安全管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">环保管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">研发创新</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">质量管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">社会责任与公益</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="culture.html">投资者关系</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="culture.html#tzzgx">公司公告</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="culture.html#tzzgx">投资者互动</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="culture.html#lxwm">联系我们</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="resources.html">人力资源</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="resources.html#zyfz">职业发展</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="resources.html#xlfz">训练与发展</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="resources.html#zwzp">职位招聘</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                   <li>
                    <a href="resources.html#ygfc">员工风采</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>

</div>
<!--  / header  -->
<!--  / 移动端  -->
<header class="phone visible-xs">
  <div class="headerbg">
    <div class="menu_box">
      <div class="container">
        <div class="logo_boxlist"><a href="index.html"><img src="images/logo.png" style=" width:100%;"></a></div>
        <div class="containeritem">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" aria-expanded="false"><span class="sr-only"></span>
              <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
          </div>
          <div class="collapse navbar-collapse" id="header-nav">
            <ul class="nav navbar-nav">
              <li><a href="index.html">首页</a></li>
              <li><a href="about.html">关于我们</a></li>
              <li><a href="product.html">产品与服务</a></li>
              <li><a href="develop.html">可持续发展</a></li>
              <li><a href="resources.html">投资者关系</a></li>
              <li><a href="culture.html">人力资源</a></li>
            </ul>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <nav></nav>
  </div>
</header>
<!--  / 移动端  -->

<!--  / banner  -->
<div class="banner">
  <div class="swiper-container swiper-banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background: url(images/ban1.jpg) center/cover no-repeat">
        <!--<div class="banner_zz"></div>-->
      </div>
      <div class="swiper-slide" style="background: url(images/ban2.jpg) center/cover no-repeat">
        <!--<div class="banner_zz"></div>-->
      </div>
      <div class="swiper-slide" style="background: url(images/ban3.jpg) center/cover no-repeat">
        <!--<div class="banner_zz"></div>-->
      </div>
    </div>
    <div class="swiper-pagination banner-p"></div>
  </div>
  <div class="banner_txt">
    <div class="banner_txt1">
      <h3>经营理念</h3>
      <h6>兄弟大同，永续经营</h6>
    </div>
    <div class="banner_txt2">
      <h3>企业愿景</h3>
      <h6>致力于提供优质的产品和满意的服务</h6>
    </div>
    <div class="banner_txt3">
      <h3>企业精神</h3>
      <h6>严于律己 自强不息 求实发展 求精创新</h6>
    </div>
  </div>
</div>
<!--  / banner  -->
<div class="index_jd clearfix">
      
      <div class="index_jd_box">
        <a href="about_base.html">
          <div class="img"><img src="images/index_jd1.jpg" width="100%"></div>
          <p><span>大丰基地</span></p>
        </a>
      </div>
      
      <div class="index_jd_box">
        <a href="about_base.html">
          <div class="img"><img src="images/index_jd2.jpg" width="100%"></div>
          <p><span>海宁基地</span></p>
        </a>
      </div>
      <div class="index_jd_box">
        <a href="about_base.html">
          <div class="img"><img src="images/index_jd3.jpg" width="100%"></div>
          <p><span>九江基地</span></p>
        </a>
      </div>
      
  </div>
<!--  / warpper  -->
<div class="warpper index_warpper">

  

  <!--  / index_sec2  -->
  <div class="index_sec2">
    <!-- <div class="common_tit">
      <h3>产品与服务</h3>
      <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
    </div> -->
    <div class="index_sec2_box">
      <div class="swiper-container index_sec2_swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide" style="background: url(images/ind_sec2_ban2.jpg) no-repeat center/cover;">
            <a href="product_inner.html">
              <!-- <div class="index_sec2_text">
                <h4>维生素事业部</h4>
                <p>公司主要生产销售维生素B1、维生素B3、维生素B5、维生素K3、皮革化学品、医药原料药、香精香料等产品，主要应用于饲料、食品、医药、化妆品等行业。</p>
              </div> -->
            </a>
          </div>
          <div class="swiper-slide" style="background: url(images/ind_sec2_ban3.jpg) no-repeat center/cover;">
            <a href="product_inner.html">
              <!-- <div class="index_sec2_text">
                <h4>皮化事业部</h4>
                <p>公司主要生产销售维生素B1、维生素B3、维生素B5、维生素K3、皮革化学品、医药原料药、香精香料等产品，主要应用于饲料、食品、医药、化妆品等行业。</p>
              </div> -->
            </a>
          </div>
          <div class="swiper-slide" style="background: url(images/ind_sec2_ban4.jpg) no-repeat center/cover;">
            <a href="product_inner.html">
              <!-- <div class="index_sec2_text">
                <h4>原料药事业部</h4>
                <p>公司主要生产销售维生素B1、维生素B3、维生素B5、维生素K3、皮革化学品、医药原料药、香精香料等产品，主要应用于饲料、食品、医药、化妆品等行业。</p>
              </div> -->
            </a>
          </div>
          <div class="swiper-slide" style="background: url(images/ind_sec2_ban1.jpg) no-repeat center/cover;">
            <a href="product_inner.html">
              <!-- <div class="index_sec2_text">
                <h4>香料事业部</h4>
                <p>公司主要生产销售维生素B1、维生素B3、维生素B5、维生素K3、皮革化学品、医药原料药、香精香料等产品，主要应用于饲料、食品、医药、化妆品等行业。</p>
              </div> -->
            </a>
          </div>
          <div class="swiper-slide" style="background: url(images/ind_sec2_ban5.jpg) no-repeat center/cover;">
            <a href="product_inner.html">
             <!--  <div class="index_sec2_text">
                <h4>制剂事业部</h4>
                <p>公司主要生产销售维生素B1、维生素B3、维生素B5、维生素K3、皮革化学品、医药原料药、香精香料等产品，主要应用于饲料、食品、医药、化妆品等行业。</p>
              </div> -->
            </a>
          </div>
        </div>
      </div>
      <div class="index_sec2_swiper_p">
        <ul>
          <li>
            <div style="background: url(images/ind_sec2_ban2.jpg) no-repeat center/cover;"></div>
            <p>维生素事业部</p>
          </li>
          <li class="active">
            <div style="background: url(images/ind_sec2_ban3.jpg) no-repeat center/cover;"></div>
            <p>皮化事业部</p>
          </li>
          <li>
            <div style="background: url(images/ind_sec2_ban4.jpg) no-repeat center/cover;"></div>
            <p>原料药事业部</p>
          </li>
          <li>
            <div style="background: url(images/ind_sec2_ban1.jpg) no-repeat center/cover;"></div>
            <p>香料事业部</p>
          </li>
          <li>
            <div style="background: url(images/ind_sec2_ban5.jpg) no-repeat center/cover;"></div>
            <p>制剂事业部</p>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--  / index_sec2  -->

  <!--  / index_sec3  -->
  
  <!--  / index_sec3  -->

  <!--  / index_sec4  -->
  <div class="index_sec4">
    <div class="index_sec4_box">
      <div class="common_tit">
        <h3>新闻中心</h3>
        <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
      </div>
      <div class="index_sec4_bot">
        <div class="row">
          <div class="col-lg-8 col-md-8 col-sm-8">
            <ul class="index_sec4_news">
              <li>
                <a href="news_dot.html" class="clearfix">
                  <div class="index_sec4_left">
                    <div class="index_sec4_img">
                      <img src="images/index_19.jpg" alt="">
                    </div>
                  </div>
                  <div class="index_sec4_right">
                    <div class="index_sec4_text">
                      <h5>2018-06-02</h5>
                      <h4>励练技能 切磋技艺 勇攀高峰—海宁基地应急...</h4>
                      <p>安全责任重于泰山，为营造“干中学，学中练，练中比，比中创”的氛围，让员工在比武中不足...</p>
                      <h6>
                        <img src="images/right-o.png" alt="">
                        <img src="images/right-o2.png" alt="">
                        <span>More</span>
                      </h6>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="news_dot.html" class="clearfix">
                  <div class="index_sec4_left">
                    <div class="index_sec4_img">
                      <img src="images/index_20.jpg" alt="">
                    </div>
                  </div>
                  <div class="index_sec4_right">
                    <div class="index_sec4_text">
                      <h5>2018-05-25</h5>
                      <h4>COHL CHINA 2018圆满收官</h4>
                      <p>为加强行业影响力，了解行业最新情况，展示公司新老产品，兄弟科技于2018年6月20日-22日...</p>
                      <h6>
                        <img src="images/right-o.png" alt="">
                        <img src="images/right-o2.png" alt="">
                        <span>More</span>
                      </h6>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="news_dot.html" class="clearfix">
                  <div class="index_sec4_left">
                    <div class="index_sec4_img">
                      <img src="images/index_21.jpg" alt="">
                    </div>
                  </div>
                  <div class="index_sec4_right">
                    <div class="index_sec4_text">
                      <h5>2018-05-13</h5>
                      <h4>海宁桐乡环保应急救援体系建设交流会在公司...</h4>
                      <p>6月15日下午，应桐乡市环保局要求，由海宁市环保局组织的《海宁市环保局和桐乡市环保局环...</p>

                      <h6>
                        <img src="images/right-o.png" alt="">
                        <img src="images/right-o2.png" alt="">
                        <span>More</span>
                      </h6>
                    </div>
                  </div>
                </a>
              </li>
            </ul>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-4">
            <div class="index_sec4_tab">
              <div class="index_sec4_tab_top">
                <ul class="clearfix">
                  <li class="active" style="border-right:1px solid #e4e4e4;">热点新闻</li>
                  <li>行业动态</li>
                </ul>
              </div>
              <div class="index_sec4_tab_bot">
                <div class="index_sec4_tab_bot1">
                  <div class="index_sec4_tab_text">
                    <h6>2018-06-02</h6>
                    <h5>公司海宁基地开展体验式安全培训活动</h5>
                    <p>为使各岗位员工熟悉所涉及的各种安全设施、消防器材，提高其应急处置能力，6月15日至27日，安全部组织实施第一期体验式安全培训。</p>
                  </div>
                  <div class="index_sec4_tab_bg"
                       style="background: url(images/index_23.jpg) center/cover no-repeat;"></div>
                </div>
                <div class="index_sec4_tab_bot2" style="display: none;">
                  <div class="index_sec4_tab_text">
                    <h6>2018-06-02</h6>
                    <h5>公司海宁基地开展体验式安全培训活动</h5>
                    <p>为使各岗位员工熟悉所涉及的各种安全设施、消防器材，提高其应急处置能力，6月15日至27日，安全部组织实施第一期体验式安全培训。</p>
                  </div>
                  <div class="index_sec4_tab_bg"
                       style="background: url(images/index_24.jpg) center/cover no-repeat;"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--  / index_sec4  -->

  <!--  / index_sec5  -->
  <div class="index_sec5">
    <div class="common_tit">
      <h3>联系我们</h3>
      <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
    </div>
    <div class="index_sec5_box clearfix">
      <ul class="index_sec5_list clearfix">
        <li>
          <a href="product_inner.html">
            <div class="index_sec5_img">
              <img src="images/index_sec5_img01.jpg" alt="" width="100%" />
            </div>
            <div class="index_sec5_txt">
              <p>维生素事业部 <img src="images/right4.png" alt="" /></p>
            </div>
          </a>
        </li>
        <li>
          <a href="product_inner.html">
            <div class="index_sec5_img">
              <img src="images/index_sec5_img02.jpg" alt="" width="100%" />
            </div>
            <div class="index_sec5_txt">
              <p>皮化事业部 <img src="images/right4.png" alt="" /></p>
            </div>
          </a>
        </li>
        <li>
          <a href="product_inner.html">
            <div class="index_sec5_img">
              <img src="images/index_sec5_img03.jpg" alt="" width="100%" />
            </div>
            <div class="index_sec5_txt">
              <p>原料药事业部 <img src="images/right4.png" alt="" /></p>
            </div>
          </a>
        </li>
        <li>
          <div class="index_sec5_img">
            <img src="images/index_sec5_img06.jpg" alt="" width="100%" />
          </div>
        </li>
        <li>
          <a href="product_inner.html">
            <div class="index_sec5_img">
              <img src="images/index_sec5_img04.jpg" alt="" width="100%" />
            </div>
            <div class="index_sec5_txt">
              <p>香料事业部 <img src="images/right4.png" alt="" /></p>
            </div>
          </a>
        </li>
        <li>
          <a href="product_inner.html">
            <div class="index_sec5_img">
              <img src="images/index_sec5_img05.jpg" alt="" width="100%" />
            </div>
            <div class="index_sec5_txt">
              <p>制剂事业部 <img src="images/right4.png" alt="" /></p>
            </div>
          </a>
        </li>
      </ul>

      <ul class="index_sec5_contact">
        <li><img src="images/phone2.png" alt="" />资讯电话：123456789</li>
        <li><img src="images/email.png" alt="" />邮箱：123456789@qq.com</li>
        <li><img src="images/fax.png" alt="" />传真：123456789</li>
        <li><img src="images/address.png" alt="" />地址：浙江省嘉兴市海宁市学林街1号</li>
      </ul>
      <div class="index_sec5_map">
        <a target="_blank" href="https://map.baidu.com/?newmap=1&shareurl=1&l=18.290626250000003&tn=B_NORMAL_MAP&hb=B_SATELLITE_STREET&c=13436204,3547669&i=0,0&s=s%26da_src%3DsearchBox.button%26wd%3D%E6%B5%99%E6%B1%9F%E7%9C%81%E5%98%89%E5%85%B4%E5%B8%82%E6%B5%B7%E5%AE%81%E5%B8%82%E5%AD%A6%E6%9E%97%E8%A1%971%E5%8F%B7%26c%3D179%26src%3D0%26wd2%3D%26pn%3D0%26sug%3D0%26l%3D15%26b%3D(13365453%2C3514515%3B13380813%2C3522011)%26from%3Dwebmap%26biz_forward%3D%7B%22scaler%22%3A1%2C%22styles%22%3A%22pl%22%7D%26sug_forward%3D%26auth%3DM1G9D3CA0S1c9G4EIHxO0Z%3DUaBYEgH1MuxHBLNBEVTRtxjhNwzWWv1GgvPUDZYOYIZuVt1cv3uVtGccZcuVtPWv3GuxtVwi04960vy777777777uWvPYuxt8zv7u%40ZPuVteuVtcvY1SGpuxxtoqFmqE253T734b%3Db1nrRR1GDs99Xv7%26device_ratio%3D1">
          <img src="images/map.jpg" alt="" width="100%" />
          <div class="index_sec5_address">
            <p>兄弟科技股份有限公司</p>
            <img src="images/address2.png" alt="" />
          </div>
        </a>
      </div>
    </div>
  </div>
  <!--  / index_sec5  -->

</div>
<!--  / warpper  -->

<!--  / footer  -->
<div class="footer hidden-xs">
  <div class="footerwarp">
    <div class="footernav">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
          <ul class="clearfix">
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="product.html">产品与服务</a></li>
            <li><a href="develop.html">可持续发展</a></li>
            <li><a href="resources.html">投资者关系</a></li>
            <li><a href="culture.html">人力资源</a></li>
          </ul>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="footer-zx">
            <div class="footer-phone"><img src="images/mail.png">marketing@byzjbyq.com</div>
            <a href="javascript:;">
              <img src="images/zxkf.png" alt="">
              <span>咨询在线客服</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="footercopy">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="footerlogo">
            <img src="images/logo.png" alt="">
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="copy hidden-xs">Copyright 2018 © <span>兄弟科技</span> All Rights Reserved.</div>
          <div class="copy visible-xs">Copyright 2018 © <span>兄弟科技</span></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer visible-xs">
  <div class="copy visible-xs">Copyright 2018 © <span>兄弟科技</span></div>
</div>
<!--  / footer  -->
</body>

<script>
  $(function () {
    $(".header_bot > ul > li").on('mouseenter', function() {
        $(this).find('.nav_list').stop(true).slideDown(400)
    })

    $(".header_bot > ul > li").on('mouseleave', function() {
        $(this).find('.nav_list').stop(true).slideUp(400)
    })

    var bannerSwiper = new Swiper('.swiper-banner', {
      loop: true,
      autoplay: 3000,
      autoplayDisableOnInteraction: false,
      paginationClickable: true,
      pagination: '.banner-p',
      onSlideChangeStart: function (swiper) {
        var ind = swiper.realIndex
        $('.banner_txt > div').eq(ind).fadeIn().siblings().fadeOut()
      }
    })

    $('.index_sec2_swiper, .index_sec2_swiper .swiper-slide').height($(window).height() * 0.75)
    var index_sec2_swiper = new Swiper('.index_sec2_swiper', {
      loop: true,
      autoplay: 3000,
      effect : 'fade',
      onSlideChangeStart: function (swiper) {
        var ind = swiper.realIndex
        $('.index_sec2_swiper_p li').eq(ind).addClass('active').siblings().removeClass('active')
      }
    })
    $('body').on('click', '.index_sec2_swiper_p li', function () {
      index_sec2_swiper.slideTo($(this).index() + 1)
    })

    $('.index_sec1_top').on('click', '.index_sec1_icon', function () {
      $(this).parent().addClass('active').siblings().removeClass('active')
      $('.index_sec1_con').eq($(this).parent().index()).fadeIn().siblings().fadeOut()
    })

    $('.index_sec4_tab_top').on('click', 'li', function () {
      $(this).addClass('active').siblings().removeClass('active')
      $('.index_sec4_tab_bot > div').eq($(this).index()).fadeIn().siblings().fadeOut()
    })
  })

  $(window).load(function () {

    $('.swiper-banner .swiper-slide').height($(window).height() - $('.banner_down').outerHeight(true) / 2 - $('.header').height())
    $('.index_sec4_text').outerHeight($('.index_sec4_img img').height(), true)

    $('.index_sec4_tab_bot').height($('.index_sec4_tab_bot > div').height() - $('.index_sec4_tab_top').height() - $('.index_sec4_tab_text').height())

    $('.index_sec4_tab_bg').height($('.index_sec4_news').height() - $('.index_sec4_tab_top').height() - $('.index_sec4_tab_text').height() - 40)
    $('.index_sec4_tab_bot').height($('.index_sec4_tab_bot > div').height())
    $('.index_sec5_contact').height($('.index_sec5_list').height())
  })

  $(window).resize(function () {
    $('.swiper-banner .swiper-slide').height($(window).height() - $('.banner_down').outerHeight(true) / 2 - $('.header').height())
    
    $('.index_sec2_swiper, .index_sec2_swiper .swiper-slide').height($(window).height() * 0.75)
    $('.index_sec4_text').outerHeight($('.index_sec4_img img').height(), true)

    $('.index_sec4_tab_bg').height($('.index_sec4_news').height() - $('.index_sec4_tab_top').height() - $('.index_sec4_tab_text').height() - 40)
    $('.index_sec4_tab_bot').height($('.index_sec4_tab_bot > div').height())
    $('.index_sec5_contact').height($('.index_sec5_list').height())
  })

  setTimeout(function () {
    $('.banner').addClass('active')
  }, 300)
  $(window).scroll(function () {
    var h = $(window).scrollTop()
    if (h > $('.header_top').outerHeight(true)) {
      $('.header_top').stop().slideUp()
      if (h > $('.banner').offset().top && h < $('.index_sec2').offset().top - 200) {
        $('.index_sec2').addClass('active')
      } else if (h > $('.index_sec2').offset().top && h < $('.index_sec4').offset().top - 200) {
        $('.index_sec4').addClass('active')
      } else if (h > $('.index_sec4').offset().top && h < $('.index_sec5').offset().top - 200) {
        $('.index_sec5').addClass('active')
      }
    } else {
      $('.header_top').stop().slideDown()
    }
  })
</script>
</html>
